<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>俱乐部登录</title>
    <link rel="stylesheet" href="browser_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="browser_components/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="browser_components/plugins/css/vueAlert.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="browser_components/jquery/dist/jquery.min.js"></script>
    <script src="browser_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="browser_components/vue/dist/vue.js"></script>
</head>
<body>

<meta charset="UTF-8">
<title>登录页面</title>
<meta name="viewport"
      content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css"
      href="bootstrap3/css/bootstrap.css">
<link rel="stylesheet" type="text/css"
      href="bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />
<!-- 自定义样式 -->
<link rel="stylesheet" type="text/css" href="../css/layout3.css" />
<style>
    body{
        background-color: #f2e79e;
    }
    .footerh3{
        color: #0aa1ed;
    }
    .hb1{
        color: #0aa1ed;
    }
    .footer {
        background: rgba(47, 47, 47, 0.99);
        color: #ddd;
        padding: 20px;
        margin-bottom: 20px;
    }
</style>
</head>
</body>
<!--登录页标题-->
<header>
    <div class="container">
        <div class="row">
            <div  >
                <h1 class="text-center">
                    <small>欢迎使用</small> <b class="hb1">Club</b> <b>查询系统</b>
                </h1>
            </div>
        </div>
    </div>
</header>


<div class="container">
    <div class="row">
        <div   >
            <!--登录面板-->
            <div  >
                <!--面板标题-->
                <div class="panel-heading" id="heading">
                    <h3  class="panel-title">登录</h3>
                </div>
                <!--面板主体-->
                <div class="panel-body">
                    <!--登录表单-->
                    <form id="myform"  role="form" action="/login" method="post">
                        <div>
                        <!--用户名-->
                        <div  style="width: 400px">
                            <div class="form-group has-icon">
                                <input type="username" class="form-control" id="username" name="username" placeholder="请输入用户名:" value="admin" required>
                                <span class="fa fa-user form-control-icon"></span>
                            </div>
                        </div>
                        <!--密码-->
                        <div  style="width: 400px">
                            <div class="form-group has-icon">
                                <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码:" value="123456" required>
                                <span class="fa fa-lock form-control-icon"></span>
                            </div>
                        </div>
                        <!--登录按钮-->
                                <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                        </div>
                    </form>
                </div>
            </div>
            <!--注册链接-->
             <div>
                <span><a href="register.html" class="text-center d-inline-block mt-3">免费注册账号</a></span>
            </div>
        </div>
    </div>
</div>
<!--网页页脚-->
<footer class="footer">
    <div class="container">
        <div >
            <h3 class="footerh3">ClubManagement</h3> <br>
            欢迎使用俱乐部查询系统<br>
            致力于创造一个更健康的世界 创造一个更健康的世界是我们的使命，这并不意味着强迫人们运动，而是帮助人们爱上健身，之后他们会开始主动锻炼。<br>
        </div>
    </div>
</footer>

</form>
</div>
</div>

</div>
</div>
</div>

</body>
<script src="browser_components/jquery/dist/jquery.js"></script>
<script src="browser_components/bootstrap/dist/js/bootstrap.js"></script>
</html>